<template>
    <button type="button" class="btn" :class="[btnStatus,btnSize]"><slot></slot></button>
</template>
<script>
export default {
    props:{
        status:{
            type:String,
            default:"primary"
        },
        size:{
            type:String
        }
    },
    data(){
        return{
            btnStatus:'btn-'+this.status,
            btnSize:this.size?'btn-'+this.size:''
        }
    }
}
</script>
<style lang="less" scoped>
    button{
        font-size: 14px;
    }
    button:focus {
        outline: none;
    }

    .btn-rounded {
        border-radius: 1rem;
    }
    
</style>


